﻿jQuery(function($){
	var chart;
	$(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'chart-col',
                type: 'column',
				backgroundColor: null,
				style: {
					fontFamily: '"Tahoma", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif'
				}
            },
            title: {
                text: '% OF HOUSEHOLD HAVING A HAND-WASHING PLACE WITH SOAP AVAILABLE',
				align: 'left',
				//floating: false,
				margin: 40,
				x: 24,
				// verticalAlign: 'top',
				y: 16,
				style: {
					color: '#313131',
					fontSize: '16px',
					fontFamily: '"utm_swiss_condensedregular","Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif'
				}
            },
            xAxis: {
                categories: [
                    '0',
                    '1',
                    '2',
                    '3',
                    '4',
                    '5',
                    '6',
                    '7',
                    '8'
                ]
            },
            yAxis: {
                min: 0,
                title: {
                    text: ''
                }
            },
            legend: {
                backgroundColor: '#FFFFFF',
                shadow: true
            },
            tooltip: {
				 formatter: function() {
                    return '<b>'+ this.series.name +'</b><br/>'+
                        this.y +' ';
                }
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
                series: [{
                name: 'Tam Nong',
                data: [49, 71, 90, 80, 75, 80, 60, 20, 10]
    
            }, {
                name: 'Vinh Linh',
                data: [40, 61, 70, 20, 70, 84, 62, 40, 90]
    
            }, {
                name: 'Đa Krông',
                data: [40, 21, 60, 55, 25, 60, 80, 90, 89]
    
            }, {
                name: 'Huong Hoa',
                data: [20, 55, 78, 73, 75, 88, 90, 63, 75]
    
            }]
        });
    });
});

